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METHOD FOR FORMING MENUS 

The Invention relates lo a method for forming menus in an electronic 
device according to the preamble of the appended claim 1. The 
5 invention also relates lo a graphical user Interface (GUI) according to 
tho preamble of the appended claim 8. In addition, the invention relates 
to a device according lu the preamble of the appended claim 12, and to 
a system according to the preamble ot the appended claim 17, and to a 
software program according to the preamble of the appended claim 21 , 
10 and to a storage medium according to the preamble of the appended 
claim 22. 

At present, mobile phones provide various types of functions in addition 
to the basic call making/receiving function. Typical examples of the 
15 functions include telephone number directories, message manager, 
electronic organizer, phone manager, image manager and many more. 
In order to use any of such functions, many mobile phones also 
comprise a graphical user interface (GUI). 

20 lypically a display of a graphical user interface comprises different 
kinds of visual elements like menu3, icons and other elements. The 
term 'menu' will be used hereinbelow to refer to of a list from which the 
user may select an operation to be performed. Usually the menu is a 
graphical component containing at least one functional element and It 

25 is capable of indicating the selected functional element and activating 
It For the navigation between these visual elements there is typically 
somo kind of a control dovioo, such as a navigation key, soft keys, a 
Joystick or a touch screen. 

30 The present graphical user interfaces rely on presenting information in 
pictorial form. In ono of tho moot common typo of a graphical usor 
interface visual elements form a list, which may be used for several 
purposes. For example, in imaging phones (such as Nokia 3650) the 
contents of the phone's photo gallery (or "Images") can be presented 

35 by means ot the list. Usually each item ot the list consists of a 
thumbnail image and a label of the item for identification purposes. In a 
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typical list these Images and labels are positioned on top of each other 
and the user scrolls the list up and down by using a 2-way input device. 
In these solutions the list may consist or only a few larger images and 
labels or a larger number of small thumbnail images and labels. 

5 Consequently, if the user wants to use larger images he or she is able 
to see only a little section of the list on the display. If the user wants to 
see longer section of the list, he or she sees very small images and it is 
usually very difficult to recognize items from these small thumbnails. 
The possibility to see an image often enables faster recognition, when 

10 compared to reading, wherein the eize of the image becomes more 
Important since larger images can provide richer details. 

To solve liiese problems a graphical user interface with a grid-like 
array has been developed, where many items are shown on top of 

15 each other and next to each .other. Thus the user can see a larger 
section of the list, and labels and images ot items have quite practical 
sizes. Because Ihe grid consists of many columns and rows a multiway 
input device, at least a 4-way input device, is required, hurther more 
the use of this kind of list is in many solutions quite slow, because the 

20 user must navigate in many different directions. Another problem In the 
matrix presentation is that the Item labels are often short because the 
area tor displaying them is very limited. Therefore, labels are often 
presented with small-sized font, which may render the reading of their 
content difficult. 

25 

Accordingly, the present invention relates to a user-friendly menu 
forming method in an electronic device that substantially eliminates one 
or more problems resulting from the limitations and disadvantages of 
the related art 

30 

The primary aim of the present invention is to present a method in 
which a user friendly navigation function is integrated in a well-defined 
menu structure. 



VAST.OTTO 03-10-2003 11:34 



MISTA- 03 2686282 



KENELLEPATREK AtdakdSfdlval SIVU 008 



3 



To attain this purpose, the method according to the invention is primar- 
ily characterized In what will be presented in the characterizing part or 
the Independent claim 1 . 

5 The Invention further relates to a graphical user interface (GUI), which 
is primarily characterized in what will be presented In the characterizing 
part of the independent claim 8. 

The device according to the invention, in turn, is primarily characterized 
10 in what will be presented in the characterizing part of the Independent 
claim 12. 

The system according to the invention is primarily characterized in 
what will be presented in the characterizing pan of the independent 
15 claim 17. 

The software program according to the invention, in turn, is primarily 
characterized in what will be presented in the characterizing part of the 
independent claim 21 , 

20 

The storage medium according to the invention is primarily 
characterized In what will be presented in the characterizing part of the. 
independent claim 22. 

25 The other dependent claims will present some preferred embodiments 
of the invention. 

Additional advantages, ohjeots and features of the Invention will be set 
forth in part in the description horcinbolow and in part they will become 
30 apparent to those skilled in the art upon examination or the following. 
The objectives and other advantages of tho invention may be realized 
and attained by the structure particularly pointed out in ihe wrillen 
doGcription and claims hereof as well as in the appended drawings. 

35 To attain the objectives and advantages mentioned above, the menu 
fanning method according to the invention is characterized In that at 
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least three display areas that are substantially adjacent to each other In 
a first direction arc formed for at least two function elements. Each 
function element consists of Information in text format and in some kind 
of visual format (for example images, photos, pictures, drawings elc., 
b for which the term "image" will be used hereinbelow). The image 
Information is displayed in said first direction on the outermost display 
areas The identifying information (for example textual string, a 
number, a graph, etc., for which the term "label" will be used 
hereinbelow) is displayed on at least one display area between said 
10 outermost display areas in such a manner that the label contained in 
the firel function element and the label contained in the second function 
element are positioned at least substantially next to each other In a 
second direction substantially perpendicular to said first direction. 
Usually the first direction Is the hori7ontal direction and the second 
15 direction is the vertical direction in the display on the screen of the 
device. 

One main idea ot the invention is to display as large Images as 
possible while leaving a reasonable space available for tho itom labol. 
20 Although the area tor the item label is reduced, often seeing the image 
and its details enables faster recognition than reading its namo, which 
makes the image size more important. 

One embodiment of the present invention enables displaying twice as 
25 many large thumbnail images in the same space as in a similar list 
where the list items do not "overlap". In addition, the invention 
preserves Interaction with a 2-way input device. This may make the list 
siiitahle for mobile use, since the Interaction is less complex and enor- 
pronc than the interaction with multiway input devices, e.g., a 4-way 
30 device. 

Another embodiment of the present Invention makes it possible to 
display twice as many list items with large images in the same screen 
space when compared lo "traditional" list. This may reduce the need of 
35 scrolling and' it may help the user to anticipate the forthcoming items. 
Irrespective of the overlapped layout, the Interaction may be handled 
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with a 2-way input device (up and down), which makes the uso of the 
list easier than the uso of a grid (which use benefits of 4-way 
interaction) in many mobile situations. 

5 | he above and other objects, features and advantages of the present 
invention will become more apparent from the following detailed 
description when taken In conjunction with the accompanying drawings 
in which: 

10 Fig. 1 illustrates an exemplary menu window of a mobile terminal 
according lo an embodiment of the present invention, 

Figs. 2 to 4 illustrate exemplary scrolling steps in the menu window of 
Fig. 1, 

Fig. 5 illustrates a second embodiment of the present invention, 
Fig. 6 illustrates a third embodiment of the present invention. 



20 

One embodiment of the present invention will be described 
hereinbelow with reference to the accompanying drawings. In the 
following description well-known functions and/or constructions will not 
be described In detail since they would obscure the invention. 

25 

FIG. 1 shows a view on the display of a user interface according to one 
embodiment. The display could be a screen of a mobile phono or a 
personal digital assistant (PDA) or some other device. Said view 
comprises at least a list of function elements 1. Function element 1 

3U shows information in visual format (image, picture, etc.) and in text 
format (letters, numbers, etc.). The visual information is shown In an 
•Image cell" 2 of the function element 1 and the label is shown in a 
"label cell" 3 of the funotion element. This information helps the U6er to 
Identify each function element as easily as possible by looking only at 

35 tho image or label or both. In this embodiment there are also navigation 
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aids 4 (arrows) on the display, showing the possible navigation 
directions. 

The user can control the function (or functions) which is (are) 
b connected to one function element 1 by selecting and activating the 
function element by a control device. The aci of scrolling the menu will 
be explained hereinbelow. Functions of the function elements can vary 
depending on the solution, for example the functions can Include 
actions such as showing a picture, running a program or calling to 
10 someone. Thus the solutions which are controlled by these function 
elements 1 can include for example a phone numbor direotory, an 
image manager, a phone manager, a message manager and an 
electronic organizer. 

15 Tl le list is composed of function elements 1 , which "overlap" each othor 
partially although they do not hide each other. More specifically, the 
display Is divided into three display areas (in other words three 
columns). In FIG. 1 columns are named A, B and G. The outermost 
columns A and C are for presenting large images (tho "image cells" 2), 

20 and the column B between the outermost columns Is reserved for the 
labels of the Hems (the "label cellsV 3). The label may be, for example, 
the image name or creation date. Each of the function elements 1 uses 
space either from column A or C and from the column B. Because the 
function element 1 In the column A or C Is higher than the element In 

20 column Q, the list of function elements "overlap" in column B. 

Scrolling of the list starts from tho loft-hand function element 1 , which is 
positioned in columns A and B, proceeding to the right-hand funclion 
element (columns B and C) and then to the next row as shown in 
30 figures ?, 3 and 4, and naturally vice versa up ward. In FIG. 2 the 
highlighted function clcmont 1 is the first item, and in FIG. 3 the 
highlighted function element Is the second item, and in FIG. 4 the 
highlighted function element is the third item. 

35 In the foregoing embodiment the scrolling Is earned out in the vertical 
direction. That kind of two-way movement is very advantageous in 
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mobile devices, because displays and control devices are usually very 
small. Therefore it is convenient it there are as few navigation 
directions as possible. In many cases 2 (or 0) -way control devices are 
also more reliablo than multiway control devices. 

5 Ac stated hereinabove the "image cell" 2 of the function element 1 is 
higher than the "label cell" 3 of the function element. The label of tho 
function element 1 is also arranged close to said image Information of 
the function element, and thus it is very easy to see the context of the 

10 image and the label. If the label is so long in size that It cannot fit 
between the images, it will be cut- This cutting operation can be 
advantageously indicated somehow, for example by three dots after 
the text. 

15 The form of the function element 1 can vary a great deal. In one 
embodiment (shown in FIG. b) perspective distortion Is used for making 
Hie Images narrower In order to save space for a longer text in the Item 
labeL 



20 In one other embodiment, shown in FIG. 6, the screen of the device 
has a round shape and the menu of the user inteifaco also has the 
same rounded layout (not a rectangular format as In the foregoing; 
embodiments). Consequently, in the scope of this invention it is 
possible to use many different shapes, such as rectangular and/or 

25 rounded shapes to form the different identification parts 2, 3. 

In the foregoing embodiments imago information was shown in the 
"image cells" 9. of the function elements I, and information in text 
format was shown in tho "labol colls" 3 of the eelection elements 1. 
30 Within the scope of this invention It Is also possible to use whichever of 
these identification parts 2, 3 to display image and/or text information. 
Thus the identification part 2, 3 can be an Image, a picture, an icon, a 
symbol, a photo, a graph, text, etc. or a combination of some of the 
foregoing. 

35 
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By combining the modes and structures presented in connection wrth 
the different embodiments ot the invention presented above, it is possi- 
bie to provide various embodiments of the invention in accordance with 
the spirit of the invention. Therefore, the above-presented examples 
must not be interpreted as restrictive to the Invention, but the embodi- 
ments of the invention can be freely varied within the scope of Ihe 
invenlive features presented in the claims hereinbelow. 
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Whal is claimed is: 

1. A method of forming a menu on a display of an electronic device, 
which menu comprises at least two function elemants (1) for selecting 
5 functions, characterized In that, the method comprises the steps of 

defining at least three display areas (A, B, C) that are 
substantially adjacent to each other in a first direction, 
defining at least a first identification part (2) and a second 
10 identification pari (3) that are contained in the luncUon 

element (1), 

displaying the first Identification part (2) of the function 
element (1) in said first direction on the outermost display 
areas (A, C), 

1G . displaying the second identification part (3) of the function 

element (1) on at least one display area (B) between said 
outermost display areas (A, C) In such a manner that the 
second Identification part of the first function element and 
the second identification part of the second function 

2u element are positioned at least substantially next Lo each 

other in a second direction substantially perpendicular to 
said first direction. 



2. The method according to claim 1. characterized In that the 
25 dimensions of the first identification part (2) of the function element (l) 
In the second direction are substantially larger than the dimensions of 
the second identification part (3) of the function element (1) in said 
second direction. 

30 3. The method according to claim 2. characterized in that the size of 
the first Identification part (2) in the second direction Is twice the size of 
the second identification part (3 in said second direction. 

4. The method according to claim 1 or 2, characterized in that the first 
35 identification pan (?) is an image anrt the second Identification part (3) 
is a label. 
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5. The method according to claim 1 or 2, characterized In that the 
function element (1) is connected to at least one of the functions of the 

b device. 

6. The method according lo claim 5, characterized in that the function 
is a phono number directory, a image manager, a phone manager, a 
message manager or an electronic organizer. 

10 . v 

7. The method according to claim 1, characterized in that navigation 
between the first function element (1) and the second function element 
is conducted In the second direction. 

15 8. A graphic user interface (GUI) of an electronic device, the function of 
the GUI being to present various menus, which menus comprise at 
least iwo function elements (1) for selecting functions, characterized in 
that 

20 - at least three display areas (A, B, C) that are suhstantlally 

adiacent to each other in a first direction are formed for at 
least two function elements (1), 

the first identification part (2) of the function element (1) is 
displayed in said first direction on the outermost display 

25 areas (A, C), 

the second identification part (3) of the function element (1) 
is displayed on at least one display area (B) between said 
outermost display areas (A, C) In such a manner that the 
second identification part of tho first function element and 

30 the second identification part of the second function 

element are positioned at least substantially next to each 
other In a second direction substantially perpendicular lo 
said first direction. 

35 9. The GUI according to claim 8, characterized in that the dimensions 
of the first Identification part (2) of the function element (1) in the 
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second direction are substantially larger than the dimensions of the 
second identification part (3) of the function element In said second 
direction. 

5 1 0 The QUI according to claim 8 or 9, characterized in that the size of 
tho first identification part (2) in the second direction Is twice the size of 
the second identification part (3 in said second direction. 

1 1 . The QUI according to claim 8, characterized in that that 
10 - the first Identification part (2) Is an Image, and 

the second identification part (3) is a label. 

12. A device comprising a display with a graphic user interface (GUI), 
the function ot the GUI being to present various menus, which menus 

15 comprise at least two function elements (1) for selecting functions, 
characterized in that 

at least three display areas (A, B, C) that are substantially 
adjacent to each other in a first direction are formed for at 
20 least two function elements (1), 

the first identification part (2) of the function element (1) is 
displayed In said first direction on the outennusl display 
areas (A, C), 

the second identification part (3) of the function element (1) 
25 is displayed on at least one display area (B) between said 

outermost display areas (A. C) in such a manner that the 
eocond Identification part of the first function element and 
the second identification part ' of the second function 
olomont are positioned at least substantially next to each 
30 other In a second direction substantially perpendicular to 

said first direction. 

13. The device according to claim 12, characterized In that the 
dimensions of the first identification part (2) of the function element (1) 
35 in the second direction are substantially larger than the dimension of 
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the second identification part (3) of tho function element in said second 
direction. 

14 The device according to claim 12 or 13. characterized in that the 
5 ske of the first identification part (2) in the second direction is twice the 
size of the second identification pan (3) In said second direction. 

15. I he device according to claim 12, characterized in that that 

the first identification part (2) is an image, and 
1 0 - the second Identification part (3) is a label. 

16. The device according to claim 12, characterized in that the device 
is one of the following: a mobilo phone, a personal digital assistant, a 
hand held computer, a digital camera, a laptop or a PC. 

17. A system comprising a display unit wilh a graphic user interface 
(GUI), the function of the GUI boing to present various menus, which 
menus comprise at least two function elements (1) for selecting 
functions, characterized in that 



15 



20 



at loast three display areas (A, B, C) that are substantially 
adjacent to each other In a first direction are formed for at 
least two function elements (1), 

the first Identification part (2) of the function element (1) is 
25 displayed in said first direction on the outermost display 

areas (A. C). 

the second identification part (3) ot the function element (1) 
is displayed on at least one display area (B) between said 
outermost display areas (A, C) in such a manner that the 
30 second identification part of the first function element and 

the second identification part of the second function 
element are positioned at least substantially next to each 
other in a second direction substantially perpendicular to 
said first direction. 

35 
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18. The system according to claim 17, characterized in that the 
dimensions of the first Identlflcaiton part (2) of the function element (1) 
in the second direction are substantially larger than the dimension of 
the second identification part (3) of the [unction element in said second 
direction. 

19. The system according to claim 17, characterized in that the size ot 
the first identification part (2) In the second direction Is twice the size of 
the second identification part (3 in said second direction. 

20. Tho system according to claim 17, characterized In that that 
the first identification part (2) is an image, and 

tho second identification part (3) Is a label. 

15 21. A software program of displaying a menu on a display ot an 
electronic device, the program comprising a number of instructions, 
characterized in that the instructions, when executed by a processor, 
prompt the processor to perform the steps of 

20 - defining at least three display areas (A, B, C) that are 

substantially adjacent to each other in a first direction, 
defining at least a first identification part (2) and a second 
Identification part (3) that are contained In the function 
element (1), 

25 . displaying the first identification pan (2) of the function 

element (1) in said first direction on the outermost display 
areas (A, C), 

displaying the second identification part (3) of the function 
element (1) on at least one display area (R) between said 

30 outermost display areas (A, C) in such a manner that the 

second identification part of the first function element and 
the second identification part : of the second function 
element are posirioned at least substantially next to each 
other in a second direction substantially perpendicular to 

35 said first direction. 
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22 A storage medium readable by a computer, said medium 
containing information stored therein, characterized in that the 
information, when executed by a processor, prompts the processor to 
perform the steps of 

defining at least three display areas (A, B, C> that are 
substantially adjaoent to each other in a first direction, 
defining at least a first identification part (2) and a second 
identification part (3) that are contained in the function 

no element (1), 

displaying the first identification part (2) of the function 
element (I) in said first direction on the outermost display 
areas (A, C), 

displaying the second identification part (3) of the function 
15 element (1) on at least one display area (B) between said 

outenuosl display areas (A. C) in such a manner that the 
second Identification part of the first function element and 
the second idenlificalion part of the second function 
element are positioned at least substantially next to each 
20 0 ther fn a second direction substantially perpendicular to 

said first direction. 
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Abstract 

A method of forming a monu on a display of an 
electronic device, which menu comprises at least two 
function elements (1) for selecting functions. The 
method comprises the steps of 

defining at least three display areas (A, B, C) that 
are substantially adjacent to each other in a first 
direction, 

defining at least a first identification part (2) and a 
socond identification part (3) that are contained in 
the function element (1), 

displaying the first identification part . (2) of the 
function element (1) in said first direction on the 
outermost display areas (A, C), 
displaying the second identification part (3) of the 
function element (1) on at least one display area 
(B) between said outermost display areas (A, C) in 
such a manner that the second ^-identification part of 
the first function element and the second 
identification part of the second function element 
are positioned at least substantially next to each 
other in a second direction substantially 
perpendicular to said first direction. 
I he invention also relates to a graphical user interface 
(QUI), a device, a system, a software program and to a 
storage medium. 

Tig. 1 
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